<template>
	<el-main>
		<div style="text-align: center;font-weight: 600;font-size: 16px">
			证照详情
		</div>
		<el-main>
			<el-form label-width="100px" size="mini">
				<el-form-item label="排序号" prop="sortNo">{{form.sortNo}}</el-form-item>
				<el-form-item label="证照名称" prop="name">{{form.name}}</el-form-item>
				<el-form-item label="关联人员" prop="userId">{{form.userName}}</el-form-item>
				<el-form-item label="证照编号" prop="licenceCode">{{form.licenceCode}}</el-form-item>
				<el-form-item label="发证机构" prop="notifiedBody">{{form.notifiedBody}}</el-form-item>
				<el-form-item label="证照类型" prop="licenceType">{{form.licenceTypeName}}</el-form-item>
				<el-form-item label="生效日期" prop="beginTime">{{form.beginTime}}</el-form-item>
				<el-form-item label="截止日期" prop="endTime">{{form.endTime}}</el-form-item>
				<el-form-item label="证照备注">{{form.remark}}</el-form-item>
				<el-form-item label="证照附件" v-if="form.attachId!=''">
					<attach-menu :attachIds="form.attachId" :roleFlag="3" :preview="true" ></attach-menu>
				</el-form-item>
			</el-form>
		</el-main>
	</el-main>
</template>

<script>
import AttachMenu from '@/views/module/attachMenu'
export default {
	name: 'Notice Details',
	components: {
		AttachMenu,
	},
	data() {
		return {
			form:{
				licenceId:this.$route.query.licenceId,
				sortNo: '',
				name: '',
				userName: '',
				licenceCode: '',
				notifiedBody: '',
				licenceTypeName: "",
				beginTime: '',
				endTime: '',
				attachId: '',
				remark: ''
			},
		}
	},
	mounted() {
		this.getHrLicenceById();
	},
	methods:{
		async getHrLicenceById()
		{
			let res = await this.$API.hr.hrLicence.getHrLicenceById.get({licenceId:this.form.licenceId});
			{
				if(res.code==200)
				{
					this.form = res.data;
				}else
				{
					this.$alert(res.message, "提示", {type: 'error'})
				}
			}
		}

	}

}
</script>

<style>

</style>
